/**
 *  BASE ELEMENTS
 */
body {
	font: 0.75em arial, sans-serif;
	background-color: #F0F0FC;
	margin: 0px;
}

h1 { color: #5077BE; font-size: 1.8em; margin-bottom: 8px; }
h2 { color: #5077BE; }
h3 { color: #A0522D; }
h5 { color: #A346D1; }

p { }

h2, h3, h4, h5, h6, p { margin-top: 8px; margin-bottom: 8px; }

ul { list-style: square; }

a { color: #6955CC; }

img { border-style: none; }

form { margin: 0px; }
fieldset { border: 1px solid #D3D3D3; padding: 4px; margin: 0px; }
legend { color: #A9A9A9; font-size: 0.9em; }
select, input, textarea { border: 1px solid #D3D3D3; background-color: #F8F8F8; }

dd { margin: 4px 4px 4px 32px; font-size: 0.875em; }

/**
 *  LAYOUT
 */
#main { height: 99%; }

#header {
	background-color: #B5C6E7;
	font-weight: bold;
	height: 36px;
	padding: 0px;
}

.signboard {
	border-style: none;
	border-collapse: collapse;
	margin: 0px 2px 0px 2px;
	padding: 0px;
}

.signboard td { padding: 0px; }
.signboard a { text-decoration: none; font-weight: bold; font-size: 1.5em; }

#left-sidebar {
	background-color: #CCCCFF;
	vertical-align: top;
	margin-left: 0px;
	height: 100%;
}

#content {
	border-left: 1px solid #FFF;
	width: 100%;
	vertical-align: top;
	padding: 8px;
}

#main, #content-table {
	width: 100%;
	border-style: none;
	border-collapse: collapse;
}

#content-table {
	height: 100%;
}

#right-sidebar { width: 15%; }

#footer { background-color: #CCCCFF; clear: both; width: 100%; }

#left-header .panel-block { float: left; }
#right-header .panel-block { float: right; margin: 4px; }

#header a { color: #FFF; }

#left-sidebar .panel-block {
	width: 128px;
	background-color: #E0E0FA;
	margin: 4px;
	border: 2px solid #FFFFFF;
}

#comments-table {
	width: 100%;
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #D3D3D3;
	background-color: #FFFFFF;
	margin-top: 8px;
}

#comments-table td { padding: 8px; }

.comments { list-style: none; margin-left: 0px; padding-left: 0px; }

.comment { margin-bottom: 12px; }
.comment pre { margin-top: 4px; margin-bottom: 4px; }
.comment-text { }
.comment-created { font-size: 0.63em; color: #696969; }
.comment-author { font-size: 0.75em; font-weight: bold; color: #161; }
.comment-reply-link { font-size: 0.75em; }
.comment-replies { list-style: none; margin-left: 32px; padding-left: 0px; }

/**
 *  HOMEPAGE
 */
.homepage-table { width: 100%; }

.homepage-block {
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #D3D3D3;
	background-color: #FFF;
	padding: 4px;
	vertical-align: top;
}

.homepage-block-caption { margin: 2px; padding: 2px; }

.b00 { width: 32%; }
.b01 { width: 28%; }
.b02 { width: 40%; }

.b00 .homepage-block-caption { background-color: #A0B0DA; }
.b10 .homepage-block-caption { background-color: #A5CAB1; }
.b01 .homepage-block-caption { background-color: #CDB8A5; }
.b02 .homepage-block-caption { background-color: #B8C0CB; }
.b12 .homepage-block-caption { background-color: #D3A5B1; }
.b22 .homepage-block-caption { background-color: #B5A1CD; }
.b32 .homepage-block-caption { background-color: #DDB09C; }
.b40 .homepage-block-caption { background-color: #A9A9A9; }

.homepage-block-caption a { color: #FFF; text-decoration: none; }

.homepage-block-link {
	font-size: 0.9em;
	font-weight: bold;
	color: #545454;
	text-decoration: none;
}

.homepage-block-link:hover { text-decoration: underline; }

/**
 *  TABS
 */
.primary-tabs { border-style: none; padding-bottom: 0px; vertical-align: bottom; }

.tab, .current-tab { font-weight: bold; }

.current-tab { color: #333; }

.primary-tabs .tab a { color: #FFF; text-decoration: none; }
.primary-tabs ul { margin: 0px; padding-left: 12px; }
.primary-tabs .tab,
.primary-tabs .current-tab {
	padding: 4px 4px 1px 4px;
	border-style: none solid none solid;
	border-width: 1px;
	margin-left: 2px;
	margin-right: 2px;
	display: inline;
	float: left;
}

.primary-tabs .tab { background-color: #A9A9A9; border-color: #D3D3D3; }
.primary-tabs .current-tab { border-color: #D3D3D3; }

.secondary-tabs { font-size: 0.9em; }
.secondary-tabs ul { padding-left: 0px; padding-right: 0px; margin: 4px; }
.secondary-tabs .tab,
.secondary-tabs .current-tab { margin-left: 1px; margin-right: 1px; display: inline; float: left; }
.secondary-tabs .tab { padding: 4px; }
.secondary-tabs .current-tab {
	padding: 3px;
	color: #333;
	border: 1px solid #D3D3D3;
}

.toolbar {
	clear: both;
	width: 100%;
	padding: 8px 0px 4px 0px;
	margin-bottom: 4px;
	vertical-align: top;
}

.content {
	clear: both;
	width: 100%;
}

.right-toolbar { text-align: right; }

.tab-content,
.secondary-tabs,
.current-tab,
.toolbar { background-color: #FFF; }

.tab-content {
	padding: 4px 8px 8px 8px;
	border-style: none solid solid none;
	border-width: 1px;
	border-color: #D3D3D3;
	vertical-align: top;
	height: 100%;
}

.vertical-tabs {
	vertical-align: top;
}
.vertical-tabs ul {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	text-align: right;
}

.vertical-tabs { width: 0.001%; }
.vertical-tabs .tab,
.vertical-tabs .current-tab {
	padding: 4px;
	list-style: none;
	margin-bottom: 4px;
	margin-right: -1px;
	border-bottom: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	
}

.vertical-tabs .current-tab { background-color: white; }
.vertical-tabs .tab { background-color: #A9A9A9; }

.vertical-tabs .tab a { color: #FFF; text-decoration: none; }

.choice { padding-left: 20px; }
.choice li { display: inline; font-weight: bold; }

.block {
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #D3D3D3;
}

/**
 *  BUTTONS
 */
.normal-button, .next-button { background-color: #448844; border-color: #77BB77 #559955 #115511 #559955; }
.warning-button, .previous-button { background-color: #CC7744; border-color: #FFAA77 #DD8855 #994411 #DD8855; }
.submit-button, .search-button { background-color: #6677BB; border-color: #99AACC #556688 #334477 #556688; }
.close-button, .critical-button { background-color: #C14E4E; border-color: #E8BDBD #D89090 #A01F1F #D89090; }
.disabled-button { background-color: #D3D3D3; border-color: #D3D3D3; }

.normal-button, .warning-button, .critical-button,
.submit-button, .search-button,
.close-button, .disabled-button,
.previous-button, .next-button {
	color: #FFF;
	border-style: solid;
	border-width: 1px;
}

input.big {
	width: 128px;
	height: 24px;
	font-size: 0.9em;
	font-weight: bold;
}

.panel-button {
	color: #FFF;
	font-weight: bold;
	background-color:#95A6C7;
	border: 1px solid #FFF;
}

/**
 *  TABLES
 */
.data-table {
	font-size: 0.9em;
	border-collapse: collapse;
	width: 100%;
	clear: both;
	border-right: 1px dotted #D3D3D3;
}

.data-table td { border-bottom: 1px dotted #D3D3D3; border-left: 1px dotted #D3D3D3; }
.data-table th { background-color: #E6E6FA; border: 1px dotted #FFF; }

td.numeric { text-align: right; }

.properties-table { width: 100%; }
.properties-table th {
	background-color: #E6E6FA;
	width: 20%;
	white-space: nowrap;
}

.property { text-align: right; vertical-align: top; }

.form-table { width: 100%; }
.form-table input,
.form-table select,
.form-table textarea { width: 100%; font-size: 1.0em; margin-top: 1px; margin-bottom: 1px; }
.form-table th { text-align: right; white-space: nowrap; width: 1%; }
.form-table .with-errors input { border-color: #C44; }
.form-table .field-error { color: #C44; font-size: 0.8em; }
.form-table td.field-group { border: 1px solid #D3D3D3; }

.date-table { display: inline; width: 100%; }
.date-table td { width: 20%; }

.data-table .weighty-record { font-weight: bold; }

.grid-table { width: 100%; clear: both; border-collapse: collapse; border-style: none; }
.grid-table td { border-style: none; padding: 4px; }
.grid-table td.field00 { background-color: #F2F2FD; }
.grid-table td.field01 { background-color: #F9F9FF; }
.grid-table td.field10 { background-color: #F9F9FF; }
.grid-table td.field11 { background-color: #F2F2FD; }

/**
 *  MENU
 */
 .menu {
 	list-style: none;
 	padding-left: 0px;
 	margin-left: 4px;
 	margin-top: 8px;
 	margin-bottom: 	8px;
 }
 
.menu li { font-weight: bold; font-size: 0.9em; margin-bottom: 4px; }
.menu a {
	text-decoration: none;
	color: #5A5097;
}
.menu a:hover { text-decoration: underline; }

.menu-caption { text-transform: uppercase; color: #994C30; }

/**
 *  PAGINATOR
 */
.paginator {
	float: left;
	text-align: left;
	font-weight: bold;
	margin: 4px;
}

.paginator.years { float: right; }

.pager_link { }
.pager_curpage { color: #FFF; background-color: #B5C6E7; }
.pager_link, .pager_curpage { padding: 2px 6px 2px 6px; }

.paginator-zone { clear: both; width: 100%; }
#upper-paginator {}
#lower-paginator {}
#year-paginator {}
#paginator-footnote {}

/**
 *  CRUD
 */
.crud-action { width: 24px; text-align: center; font-weight: bold; }
.crud-action a { font-size: 0.9em; text-decoration: none; }
.crud-action a:hover { text-decoration: underline; }
.crud-action.edit a { color: #006400; }
.crud-action.delete a { color: #B22222; }

.hierarchy-crud-items {
	padding-left: 0px;
	margin-left: 40px;
	list-style: none;
}

/**
 *  TEXT CLASSES
 */
.lowercase { text-transform: lowercase; }

/**
 *  JQUERY UI
 */
#ui-datepicker-div {
	background-color: #FFEBCD;
	border: 1px solid #A9A9A9;
	padding: 4px;
	display: none;
}

.ui-datepicker-cover { display: none; }

.ui-datepicker-calendar a.ui-state-default { color: #476; font-weight: bold; }

td.ui-datepicker-week-end a.ui-state-default { color: #844; }

.ui-datepicker-prev,
.ui-datepicker-next {
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	margin: 2px;
	background-color: #DA9;
	border: 1px solid #FFF;
	cursor: pointer;
}

/**
 * MESSAGING
 */
.message-box {
	position: absolute;
	left: 1%;
	right: 1%;
	width: 98%;
	height: 24px;
	background-color: #FFEBCD;
	border: 1px solid #A9A9A9;
}

.message-box .sender { color: #822; white-space: nowrap; }

div.message-box-message { position: absolute; font-size: 1.0em; margin: 4px; }
div.message-box-buttons { position: absolute; right: 4px; }

a.online, a.inactive {
	color: #006400;
	text-decoration: none;
	cursor: pointer;
}

a.user { font-size: 0.8em; }

.panel-block a.online   { color: #483D8B; font-weight: bold; }
.panel-block a.inactive { color: #483D8B; font-weight: normal; }

.user-id { display: none; }

.messaging-table { width: 100%; height: 100%; }

td.send-form-text { height: 100%; }

textarea.send-form-text { width: 100%; height: 100%; }

input.send-form-button {
	color: #FFF;
	background-color: #5577C9;
	width: 80px;
}

div.send-form-button { text-align: right; }

.send-form-whom { font-size: 0.9em; font-weight: bold; }

.send-form-user { color: #A57341; }

.recent-messages-time { font-size:0.7em; color:#006400; }
.recent-messages-text { font-size:0.8em; }

.messages-table {}
.messages-table .message-sender { color: #A52A2A; }
.messages-table .message-time { color: #006400; }
.messages-table .message-text { }
.messages-table .read { font-weight: noraml; }
.messages-table .unread { font-weight: bold; }

.blog-post { font-size: 0.8em; }

/**
 * ICONS
 */
div.icon-trash {
	background-image: url('../img/default/trash.gif');
	width: 17px;
	height: 17px;
}

/**
 * HELPERS
 */
.top-aligned    { vertical-align: top; }
.middle-aligned { vertical-align: middle; }
.bottom-aligned { vertical-align: bottom; }
.left-aligned   { text-align: left; }
.center-aligned { text-align: center; }
.right-aligned  { text-align: right; }

.half-width { width: 50%; }
.full-width { width: 100%; }

.no-border, .no-border th, .no-border td { border: none; }

/**
 *  TEMP
 */
a.dark-ref { color: #483D8B; }
p.online { font-weight: bold; }
input.date { cursor: pointer; }
.weighty { font-weight: bold; }

.footnotes { font-size: 0.75em; }
.hidden-block { display: none; }
.hidden-url { display: none; }
.no-url-ref { cursor: pointer; text-decoration: underline; }

fieldset.disabled th {
	color: #D3D3D3;
}
